<template>
  <div>
    <div id="app">
      <div id="home">
        <div class="operator_header">
          <div id="header" class="operatorHeader clearfix">
            <div class="w15 fl text-center">
              <div class="logo"></div>
            </div>
            <div class="w70 fl text-left">
              <h3 class="m120px">摄影小程序后台管理</h3>
            </div>
            <div class="w15 fl text-right">
              <div class="userInfo">
                <div class="userAvatar"></div>
                <div class="userName">
                  <span class="fz16px"></span>
                  <i class="el-icon-arrow-down"></i>
                </div>
                <ul class="operatorList" style="display:none">
                  <li class="operatorItem">
                    <a href="" style="display:block">
                      <i class="el-icon-s-custom"></i>
                      <span to="/Login">门户首页</span>
                    </a>
                  </li>
                  <li class="operatorItem">
                    <i class="el-icon-switch-button"></i>
                    <span>退出登录</span>
                  </li>
                </ul>
                <div class=""></div>
              </div>
            </div>
          </div>
        </div>

        <el-tabs :tab-position="tabPosition" style="height: 200px;">
          <el-tab-pane label="首页内容">首页内容</el-tab-pane>
          <el-tab-pane label="订单管理">订单管理</el-tab-pane>
          <el-tab-pane label="客户预约">客户预约</el-tab-pane>
          <el-tab-pane label="用户管理">用户管理</el-tab-pane>
        </el-tabs>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      tabPosition: "left"
    };
  },
  //生命周期 - 创建完成（访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {}
};
</script>
<style scoped>
/* @import url(); 引入css类 */
</style>
